<?php if (!defined('THINK_PATH')) exit();?><!--<meta http-equiv="refresh" content="1"/>-->
<link href="/Public/Home/css/sane.css"  type="text/css" rel="stylesheet"/>
<script src="/Public/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<div class="c-main-left-content">
    <div class="con_title">
        <h3>心得体会</h3>
    </div>
    <div class="title_tip">
        <img class="record_icon" src="/Public/img/record_01.jpg"/>
        <span class="record_news">分享是一种美德。</span>
    </div>

    <div class="box_box">
        <form action="<?php echo U('Home/BookManage/tipAdd');?>" method="post">
            <div class="tip_box">
                <div class="tip_span">
                    <span><c>*</c>标题：</span>
                </div>
                <select name="feel_title" id="selectID" onchange="change()">
                    <option value="">请选择</option>
                    <option value="1">书籍</option>
                    <option value="2">文章</option>
                    <option value="3">段落</option>
                </select>
                <div class="tip_tt">
                    <span>请选择发表标题的类型</span>
                </div>
            </div>
            <div class="tip_box">
                <div class="tip_span">
                    <span><c>*</c>发表状态：</span>
                </div>
                <select name="feel_status">
                    <option value="">请选择</option>
                    <option value="2">私有</option>
                    <option value="1">公开</option>
                </select>
                <div class="tip_tt">
                    <span>发表的内容可以进行分享</span>
                </div>
            </div>
            <div class="tip_box" id="x1" style="display: none">
                <div class="tip_span">
                    <span><c>*</c>书籍名称：</span>
                </div>
                <input type="text" name="book_name">
                <div class="tip_tt">
                    <span>请输入书籍名称</span>
                </div>
            </div>
            <div class="tip_box" id="x2" style="display: none">
                <div class="tip_span">
                    <span>书签页码：</span>
                </div>
                <input type="text" name="book_page"  onkeyup="value=this.value.replace(/\D+/g,'')">
                <div class="tip_tt">
                    <span>请输入书签页码</span>
                </div>
            </div>
            <div class="tip_box" id="x3" style="display: none">
                <div class="tip_span">
                    <span><c>*</c>文章名称：</span>
                </div>
                <input type="text" name="article_name">
                <div class="tip_tt">
                    <span>请输入文章名称</span>
                </div>
            </div>
            <div class="tip_box">
                <div class="tip_span">
                    <span><c>*</c>内容简介：</span>
                </div>
                <input type="text" name="feel_intor">
                <div class="tip_tt">
                    <span>请输入内容简介</span>
                </div>
            </div>
            <div class="tip_box">
                <textarea rows="10" cols="60" name="feel_content" placeholder="&nbsp;心得体会（字数限制255）....."></textarea>
            </div>
            <div class="table-submit1">
                <input type="submit" value="提&nbsp;交">
            </div>
        </form>
    </div>
</div>
<script>
   function change(){
       var selectID=$("#selectID").val();
       if(selectID=='1'){
           $("#x1").css('display','block');
           $("#x2").css('display','block');
           $("#x3").css('display','none');
       }
       if(selectID=='2'){
           $("#x1").css('display','none');
           $("#x2").css('display','none');
           $("#x3").css('display','block');
       }
       if(selectID==''){
           $("#x1").css('display','none');
           $("#x2").css('display','none');
           $("#x3").css('display','none');
       }
       if(selectID=='3'){
           $("#x1").css('display','none');
           $("#x2").css('display','none');
           $("#x3").css('display','none');
       }
   }
</script>